<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<f:view locale="#{idiomaBean.locale.language}" contentType="text/html">
	<h:head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/style.css" />
		<title>#{msg.title}</title>
	</h:head>

	<h:body>

		<div id="contenedor">
			<div id="cabecera"
				style="background: url('../images/logo/fondoCabecera.png') no-repeat">
			</div>
			<div id="cuerpo">
				<div id="center">
					<h:form prependId="false" id="form_login">
						<h:selectOneMenu value="#{idiomaBean.language}"
							onchange="submit()">
							<f:selectItems value="#{idiomaBean.availableLanguages}" />
						</h:selectOneMenu>
						<p:growl id="msgs" showDetail="true" />
						<p:ajaxStatus style="width:16px;height:16px;">
							<f:facet name="start">
								<h:graphicImage value="../images/loading.gif" />
							</f:facet>
							<f:facet name="complete">
								<h:outputText value="" />
							</f:facet>
						</p:ajaxStatus>
						<div>
							<p:panel styleClass="panel_login">

								<h:panelGrid columns="2" cellspacing="10">
									<h:outputLabel value="#{msg.nombreUsuario}:">
									</h:outputLabel>
									<p:inputText value="#{loginBean.usuario}"></p:inputText>
									<h:outputLabel value="#{msg.pass}:">
									</h:outputLabel>
									<h:inputSecret value="#{loginBean.pass}"
										class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all"></h:inputSecret>
								</h:panelGrid>
								<p:commandButton value="#{msg.ok}" styleClass="boton_login"
									action="#{loginBean.doLogin}" ajax="false" update="msgs"></p:commandButton>

							</p:panel>
						</div>
					</h:form>
				</div>
			</div>

		</div>
		<div id="pie">© 2011 pfc UMA-Málaga Acoge</div>

	</h:body>
</f:view>
</html>